<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<script type="text/javascript">
function formatLink(cellvalue, options, rowObject) {
	return "<a href='/PatologiaOcular/usuario/detalleUsuario.action?id="+cellvalue+"' class='boton2' style='color:#FFFFFF'>Ver detalle</a>"+
	" <a href='/PatologiaOcular/usuario/mostrarUsuario.action?id="+cellvalue+"' class='boton2' style='color:#FFFFFF'>Editar</a>";     
}

function recargar(nombre,apellido,nombreUsuario,estatus,aprobado){ 
	$("#gridListaUsuario").jqGrid('setGridParam', { 
	url:"/PatologiaOcular/usuario/listarUsuario.action?nombre="+nombre+"&apellido="+apellido+"&nombreUsuario="+nombreUsuario+"&estatus="+estatus+"&aprobado="+aprobado,datatype:'JSON' 
	}).trigger("reloadGrid"); 
}
</script>
<%@include file="header.jsp"%>
 <div id="nivel2">
 	<div id="menu4">
      <ul>
        <li><a class="selected">Usuarios Registrados</a></li>
        <li><a href="<%=request.getContextPath()%>/usuario/nuevoUsuario.action">Agregar Nuevo Usuario</a></li>
      </ul>
    </div>
    <div id="contenido">
    	<form>
    		<s:label>Nombre:</s:label><s:textfield id="nombre" name="nombre" size="25"/>&nbsp;<s:label>Apellido:</s:label><s:textfield id="apellido" name="apellido" size="35"/>&nbsp;
    		<s:label>Nombre de Usuario:</s:label><s:textfield id="nombreUsuario" name="nombreUsuario" size="25"/>&nbsp;
    		<s:label>Estatus:</s:label><s:select id="estatus" list="{'Todos','Activo','Inactivo','Pendiente'}" name="estatus"/>&nbsp;
    		<s:label>Aprobado:</s:label><s:select id="aprobado" list="{'Todos','Si','No'}" name="aprobado"/>
    		<strong><input class="boton1" type="button" value="Filtrar" onclick="recargar(nombre.value,apellido.value,nombreUsuario.value,estatus.value,aprobado.value)"/></strong>
    		<strong><input class="boton1" type="reset" value="Borrar" /></strong>
    	</form>
		<s:url id="remoteurl" action="listarUsuario"/>
		<s:url id="editurl" action="borrarUsuario"/>
	    <sjg:grid
			id="gridListaUsuario"
		    dataType="json"
		    href="%{remoteurl}"
		    pager="true"
		    gridModel="gridModel"
		    rowList="10,15,20"
		    rowNum="10" 
		    navigator="true"
		    navigatorAdd="false"
		    navigatorEdit="false"
		    navigatorRefresh="false"
		    navigatorSearch="false"
		    navigatorDelete="true"
		    navigatorDeleteOptions="{height:280,reloadAfterSubmit:true}"
		    multiselect="true"
		    onSelectRowTopics="rowselect"  
		    editurl="%{editurl}"       
		    page="1"
		    autowidth="true"
		    hidegrid="false"
		    indicator="false"
		    viewrecords="true"
		    
		>
		<!--   El "name" de cada columna debe coincidir con cada atributo del objeto (Usuario) que representa cada registro de la tabla     -->		         
		<sjg:gridColumn name="id" index="id" title="ID" formatter="integer" sortable="false" hidden="true"/>
		<sjg:gridColumn name="nombre" index="nombre" title="Nombre" sortable="false"/>
		<sjg:gridColumn name="apellido" index="apellido" title="Apellido" sortable="false"/>
		<sjg:gridColumn name="nombreUsuario" index="nombreUsuario" title="Nombre de Usuario" sortable="false"/>
		<sjg:gridColumn name="estatus" index="estatus" title="Estatus" sortable="false" width="100"/>
		<sjg:gridColumn name="aprobado" index="aprobado" title="Aprobado" sortable="false" width="100"/>
		<sjg:gridColumn name="id" index="accion" title="Acciones" sortable="false" formatter="formatLink"/>
		</sjg:grid>		  	      
	</div>
</div>
<%@include file="footer.jsp"%>